iT邦幫忙

2022 iThome 鐵人賽

DAY 3
0

前言

今天所帶給大家的是一些有關文字方面的使用,在昨天的專案中繼續做修改,由於我是初學的關係,可能沒辦法帶給各位非常詳細的解說,內容會以常用方法及實作為主。
文字的使用是非常頻繁的,以下常用的幾個屬性大家可以記下來,讓開發更有效率。

Text

A view that displays one or more lines of read-only text.
Text官方文件解說

簡單來說就是可閱讀的文字物件。

文字的用法

這邊是直接在程式碼中加入,也可以透過元件庫來新增。

Text("你想填入的文字")

變更文字的屬性

文字的屬性有許多,這邊只會列出一些比較常用的,在 text 後面加入不同的修改器來改變文字外貌。

字型顏色

顏色的修改可以用系統預設的,這邊比較不建議使用藍色,因為 app 會將可以互動的部分預設成藍色。

.foregroundColor(.red)

文字底色

.background(Color.black)

變成標題字大小

.font(.title)

字體大小

.font(.system(size: 12))

自訂(大小、字體設計)

可以將多屬性放在一起產生不同效果。

.font(.system(size: 20, weight: .light, design: .serif))

在 canvas 中的畫面,可按住 command 不放,並點擊 canvas 中的元件,點選 show swiftui inspector 叫出修改選單,在選單中也能設定參數。


多行文字的使用

後面的參數都可以依照喜好做修改。

文字框寬度

.frame(width: 180)

限制行數

.lineLimit(1)//限制在一行,後面的文字會省略

行距

.lineSpacing(15)

以上是一些常用的文字屬性分享給各位,下篇文章見!!!


上一篇
[Day2] Hello SwiftUI 開始建置你的第一個專案吧~|專案建置
下一篇
[Day4] 為你的 SwiftUI 專案加上圖片吧~|Image圖片的使用-1
系列文
新手學 Swift UI 與 Android Studio 的學習路程 -- 跟著我們一起踏上 App 開發之旅吧~30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言